<#macro commonStyle>







</#macro>

<#macro commonScript>
	<!-- jQuery -->
	<script src="${request.contextPath}/static/adminlte/bower_components/jquery/jquery.min.js"></script>
	<!-- Bootstrap -->
	<script src="${request.contextPath}/static/adminlte/bower_components/bootstrap/js/bootstrap.min.js"></script>
	<!-- FastClick -->
	<script src="${request.contextPath}/static/adminlte/bower_components/fastclick/fastclick.js"></script>
	<!-- jquery.slimscroll -->
	<script src="${request.contextPath}/static/adminlte/bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>

    <!-- pace -->
    <script src="${request.contextPath}/static/adminlte/bower_components/PACE/pace.min.js"></script>
	<#-- jquery.validate -->
	<script src="${request.contextPath}/static/plugins/jquery/jquery.validate.min.js"></script>

	<#-- layer -->
	<script src="${request.contextPath}/static/plugins/layer/layer.js"></script>

	<#-- common -->
    <script>
	var base_url = '${request.contextPath}';
	</script>
	<script src="${request.contextPath}/static/js/common.js"></script>

</#macro>

<#macro commonHeader>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>短链接系统</title>
	<!-- Tell the browser to be responsive to screen width -->
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	<#-- favicon -->
	<link rel="icon" href="${request.contextPath}/static/favicon.ico" />
	<!-- Pace -->
	<link rel="stylesheet" href="${request.contextPath}/static/adminlte/bower_components/PACE/themes/blue/pace-theme-flash.css">
	<!-- Bootstrap 3.3.6 -->
	<link rel="stylesheet" href="${request.contextPath}/static/adminlte/bower_components/bootstrap/css/bootstrap.min.css">
	<!-- Font Awesome -->
	<link rel="stylesheet" href="${request.contextPath}/static/adminlte/dist/css/font-awesome.min.css">
	<!-- Ionicons -->
	<link rel="stylesheet" href="${request.contextPath}/static/adminlte/dist/css/ionicons.min.css">
	<!-- Theme style -->
	<link rel="stylesheet" href="${request.contextPath}/static/adminlte/dist/css/AdminLTE.min.css">
	<!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
	<link rel="stylesheet" href="${request.contextPath}/static/adminlte/dist/css/skins/skin-blue.min.css">
	<!-- demo style -->
	<style>
		/* FROM HTTP://WWW.GETBOOTSTRAP.COM
         * Glyphicons
         *
         * Special styles for displaying the icons and their classes in the docs.
         */

		.bs-glyphicons {
			padding-left: 0;
			padding-bottom: 1px;
			margin-bottom: 20px;
			list-style: none;
			overflow: hidden;
		}

		.bs-glyphicons li {
			float: left;
			width: 25%;
			height: 115px;
			padding: 10px;
			margin: 0 -1px -1px 0;
			font-size: 12px;
			line-height: 1.4;
			text-align: center;
			border: 1px solid #ddd;
		}

		.bs-glyphicons .glyphicon {
			margin-top: 5px;
			margin-bottom: 10px;
			font-size: 24px;
		}

		.bs-glyphicons .glyphicon-class {
			display: block;
			text-align: center;
			word-wrap: break-word; /* Help out IE10+ with class names */
		}

		.bs-glyphicons li:hover {
			background-color: rgba(86, 61, 124, .1);
		}

		@media (min-width: 768px) {
			.bs-glyphicons li {
				width: 12.5%;
			}
		}
	</style>

	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
		<script src="${request.contextPath}/static/html5shiv.min.js"></script>
    	<script src="${request.contextPath}/static/respond.min.js"></script>
		<![endif]-->
</head>
<body class="hold-transition skin-blue sidebar-mini">



</#macro>




<#macro commonFooter>
	</body>
	</html>
</#macro>



<#macro welcome >
	<!-- Content Header (Page header) -->
	<section class="content-header">
		<h1>欢迎页面</h1>

	</section>

	<!-- Main content -->
	<section class="content">

		<!-- 任务信息 -->
		<div class="row">




		</div>


	</section>
	<!-- /.content -->
</#macro>